<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>父子关系</title>
<style>
<!--
.li1{
color:red;
}
.li2{
color:blue;
}
.li1 ol li{ /* 利用CSS 继承关系 */
font-weight:bold; /* 粗体 */
text-decoration:underline; /* 下划线 */
}
-->
</style>
</head>
<body>
<ul>
<li class="li1">关系1
<ul>
<li>页面父子关系复杂时</li>
<li>页面父子关系复杂时</li>
<li>这里省略20 个嵌套...</li>
</ul>
<ol>
<li>页面父子关系复杂时</li>
<li>页面父子关系复杂时</li>
<li>这里省略20 个嵌套...</li>
</ol>
</li>
<li class="li2">关系2
<ul>
<li>页面父子关系复杂时</li>
<li>页面父子关系复杂时</li>
<li>这里省略20 个嵌套...</li>
</ul>
<ol>
<li>页面父子关系复杂时</li>
<li>页面父子关系复杂时</li>
<li>这里省略20 个嵌套...</li>
</ol>
</li>
</ul>
</body>
</html>